<template>
    <div id="footer">
        <el-row>

<!--            <el-col :span="2" :offset="10" style="height: 100px">为我们打分</el-col>-->
            <el-col :span="3" style="height: 100px;padding-top: 40px" >
<!--                <template>-->
<!--                    <el-rate-->
<!--                        v-model="value"-->
<!--                        @change="changeRankValue"-->
<!--                        class="rank"-->
<!--                        show-text>-->
<!--                    </el-rate>-->
<!--                </template>-->
<!--                <div class="block">-->
<!--                    <span class="demonstration">区分颜色</span>-->
<!--                    <el-rate-->
<!--                        v-model="value"-->
<!--                        :colors="colors"-->
<!--                        @change="changeRankValue">-->
<!--                    </el-rate>-->
<!--                </div>-->
            </el-col>
        </el-row>
        淮阴师范学院 计算机科学与技术学院 1901班 第1组
    </div>
</template>

<script>

export default {
    name: "AppFooter",
    data() {
        return {
            value: 5,
            colors: ['#99A9BF', '#F7BA2A', '#FF9900']  // 等同于 { 2: '#99A9BF', 4: { value: '#F7BA2A', excluded: true }, 5: '#FF9900' }
        };
    },
    methods: {
        changeRankValue() {
            // if(this.$store.state.currentUser.roleId==1){
                /*state.globalVariable.token.commonRegisterToken = 4;
                数据转移
                let newUsers = state.users;
                /!*设置插入属性的账号*!/
                修改原来的数据
                Vue.set(that, "account", state.account);
                插入到转移的数据中
                newUsers.push(that);
                数据覆盖
                Vue.set(state, "users", newUsers);
                state.account++;*/
                // const currentTime = new Date();
                // /*数据转移*/
                // let newRankInfo = this.$store.state.globalVariable.rankInfo.admin;
                // let Info= {};
                // Vue.set(Info, "rankAccount", this.$store.state.currentUser.account);
                // Vue.set(Info, "rankTime", currentTime);
                // Vue.set(Info, "rankValue", this.value);
                // newRankInfo.push(Info);
                // Vue.set(this.$store.state.globalVariable.rankInfo, "admin", newRankInfo);
                // console.log(this.$store.state.globalVariable.rankInfo.admin)
                alert("系统已收到您的评价，我们会做的更好！")
            // }
            // if(this.$store.state.currentUser.roleId==2){
            //     /*数据转移*/
            //     const currentTime = new Date();
            //     let newRankInfo = this.$store.state.globalVariable.rankInfo.admin;
            //     let Info= {};
            //     Vue.set(Info, "rankAccount", this.$store.state.currentUser.account);
            //     Vue.set(Info, "rankTime", currentTime);
            //     Vue.set(Info, "rankValue", this.value);
            //     newRankInfo.push(Info);
            //     Vue.set(this.$store.state.globalVariable.rankInfo, "teacher", newRankInfo);
            //     console.log(this.$store.state.globalVariable.rankInfo.teacher)
            //     alert("系统已收到您的评价，我们会做的更好！")
            // }
            // if(this.$store.state.currentUser.roleId==3){
            //     /*数据转移*/
            //     const currentTime = new Date();
            //     let newRankInfo = this.$store.state.globalVariable.rankInfo.student;
            //     let Info= {};
            //     Vue.set(Info, "rankAccount", this.$store.state.currentUser.account);
            //     Vue.set(Info, "rankTime", currentTime);
            //     Vue.set(Info, "rankValue", this.value);
            //     newRankInfo.push(Info);
            //     Vue.set(this.$store.state.globalVariable.rankInfo, "student", newRankInfo);
            //     console.log(this.$store.state.globalVariable.rankInfo.student)
            //     alert("系统已收到您的评价，我们会做的更好！")
            // }

        }
    }
}
</script>

<style scoped>
#footer {
    width: 100%;
    line-height: 50px;
    background-color: #479082;
    text-align: center;
    color: black;
    position: absolute;
    margin-bottom: 0;
    margin-top: 20px;
}

.rank:hover {

}
</style>
